import React from 'react'
import {
  BrowserRouter as Router,
  Route,
  Link,
  NavLink 
} from 'react-router-dom'

const Home = (props) => {
  console.log(props);
  return (
    <div className="home-wrap" style={ {border: '1px solid #ccc'}}>
      <h1> home </h1>
      <div>
        <Route path="/test/blog" component={Blog}/>
        <Route path="/test/about" component={About}/> 
      </div>
    </div>
  );
}
const Blog = () => {
  return <p> Blog </p>;
}
const About = () => {
  return <p> About </p>;
}
const ParentSon = () => (
  <Router>
    <div>
      <Route path="/test" component={Home} >
      </Route>     
    </div>
  </Router>
)

export default ParentSon